<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<h:form id="idFormAcademicaSecretario">
		<p:growl id="mensajero" showDetail="true" autoUpdate="true" />
		<h3>
			<p:outputLabel
				value="#{rbSirenasUI['sirenas.ui.form.secretario.academica.title']}" />
		</h3>

		<div class="div_formularioContrataciones">

			<p:panelGrid id="gridFormAcademicaSecre" layout="grid"
				styleClass="ui-panelgrid">
				<p:row>
					<p:column style="height:60px;" colspan="4">
						<p:outputLabel style="font-size: 11px;"
							value="POR CADA TÍTULO O GRADO OBTENIDO, DEBERÁ REGISTRAR UN FORMULARIO:" />
					</p:column>
				</p:row>
				<p:row>
					<p:column style="height:60px;">
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.areaprofesion.label']}" />
					</p:column>
					<p:column>
						<p:selectOneMenu id="cmbAreaProfesion"
							value="#{registroSecretarioBean.estudiosFormacionAcademica.idAreaProfesion}"
							style="width:150px;">
							<f:selectItems value="#{repositorioDatos.listaAreaProfesion}" />
						</p:selectOneMenu>
					</p:column>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.centroestudios.label']}" />
					</p:column>
					<p:column>
						<p:selectOneMenu id="cmbCentroEstudios"
							value="#{registroSecretarioBean.estudiosFormacionAcademica.idCentroEstudios}"
							style="width:250px;"
							valueChangeListener="#{registroSecretarioBean.onChangeCentrosEstudios}">
							<f:selectItems value="#{repositorioDatos.listaCentroEstudios}" />
							<p:ajax process="cmbCentroEstudios" partialSubmit="true"
								event="valueChange" update=" habilitar cmbPais" />
						</p:selectOneMenu>
					</p:column>

				</p:row>
				<p:row>

					<p:column style="height:60px;">
					</p:column>
					<p:column>
					</p:column>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.otrocentro.label']}" />
					</p:column>
					<p:column>
						<p:inputText id="habilitar"
							value="#{registroSecretarioBean.estudiosFormacionAcademica.descripcionOtroCentro}"
							onkeyup="$(this).val($(this).val().replace(/[^A-Za-z]/g, ' '));"
							disabled="#{registroSecretarioBean.otrosCentroEstudios}" />
					</p:column>


				</p:row>
				<p:row>
					<p:column style="height:60px;">
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.gradotitulo.label']}" />
					</p:column>
					<p:column>
						<p:selectOneMenu id="cmbGradoTitulo"
							value="#{registroSecretarioBean.estudiosFormacionAcademica.indGradoObtenido}"
							style="width:150px;">
							<f:selectItems value="#{repositorioDatos.listaGradoObtenido}" />
						</p:selectOneMenu>
					</p:column>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.desc_gradotitulo.label']}" />
					</p:column>
					<p:column>
						<p:inputText
							value="#{registroSecretarioBean.estudiosFormacionAcademica.descripcionGrado}" />
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.egreso.label']}" />
					</p:column>
					<p:column style="height:60px;width:80px">
						<p:calendar id="fecEgreso" size="15"
							value="#{registroSecretarioBean.estudiosFormacionAcademica.fecEgreso}"
							pattern="dd/MM/yyyy" maxdate="#{repositorioDatos.maxDate}"
							navigator="true" yearRange="c-30:c+00" />
					</p:column>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.pais.label']}" />
					</p:column>
					<p:column>
						<p:selectOneMenu id="cmbPais"
							value="#{registroSecretarioBean.estudiosFormacionAcademica.idPais}"
							style="width:150px;">
							<f:selectItems value="#{repositorioDatos.listaPais}" />
						</p:selectOneMenu>
					</p:column>
				</p:row>

				<!--  ===  BOTONES DE FORMULARIO  ===   -->
				<p:row>
					<p:column style="text-align:center" colspan="4"
						rendered="#{registroSecretarioBean.btnAgregar}">
						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.general.boton.agregar.label']}"
							action="#{registroSecretarioBean.agregarFormacionAcademica}"
							update="idFormAcademicaSecretario tblFormaAcademicaOriginal tblFormaAcademicaActualizacion"
							rendered="#{sessionScope.auditoria.rolUsuario ne 'ADMIN'}" />
					</p:column>
					<p:column style="text-align:center" colspan="4"
						rendered="#{registroSecretarioBean.btnRectificar}">


						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.general.boton.editar.label']}"
							action="#{registroSecretarioBean.rectificarFormacionAcademica}"
							update="idFormAcademicaSecretario tblFormaAcademicaOriginal tblFormaAcademicaActualizacion"
							rendered="#{registroSecretarioBean.esEditar}" />

						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.general.boton.rectificar.label']}"
							action="#{registroSecretarioBean.rectificarFormacionAcademica}"
							update="idFormAcademicaSecretario tblFormaAcademicaOriginal tblFormaAcademicaActualizacion"
							rendered="#{sessionScope.auditoria.rolUsuario eq 'ADMIN'}" />

						<p:spacer width="10" />
						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.general.boton.cancelar.label']}"
							action="#{registroSecretarioBean.cancelarRectificacion}"
							update="idFormAcademicaSecretario" />
					</p:column>
				</p:row>

				<!-- ===========     LISTA DE REGISTROS ORIGINALES ===============  -->
				<p:row>
					<p:column style="text-align:center" colspan="4">
						<p:dataTable id="tblFormaAcademicaOriginal" var="estudios"
							value="#{registroSecretarioBean.listaFormacionAcademicaOriginal}"
							paginator="true" rows="11" paginatorPosition="bottom"
							emptyMessage="#{rbSirenasUI['sirenas.ui.mensaje.sistema.informacion.registros_vacios']}">
							
							<p:column
								headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.areaprofesion.label']}">
								<h:outputText value="#{estudios.descAreaProfesion}"
									rendered="#{estudios.estado eq '1'}" />
							</p:column>

							<p:column
								headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.centroestudios.label']}">
								<h:outputText value="#{estudios.descCentroEstudios}"
									rendered="#{estudios.estado eq '1'}" />
							</p:column>

							<p:column
								headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.otrocentro.label']}">
								<h:outputText value="#{estudios.descripcionOtroCentro}"
									rendered="#{estudios.estado eq '1'}" />
							</p:column>

							<p:column
								headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.pais.label']}">
								<h:outputText value="#{estudios.descPais}"
									rendered="#{estudios.estado eq '1'}" />
							</p:column>

							<p:column
								headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.gradotitulo.label']}">
								<h:outputText value="#{estudios.descGradoObtenido}"
									rendered="#{estudios.estado eq '1'}" />
							</p:column>

							<p:column
								headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.desc_gradotitulo.label']}">
								<h:outputText value="#{estudios.descripcionGrado}"
									rendered="#{estudios.estado eq '1'}" />
							</p:column>

							<p:column
								headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.fec_gradotitulo.label']}">
								<h:outputText value="#{estudios.fecEgreso}"
									rendered="#{estudios.estado eq '1'}">
									<f:convertDateTime pattern="dd-MM-yyyy" />
								</h:outputText>
							</p:column>

							<p:column
								headerText="#{rbSirenasUI['sirenas.ui.general.boton.accion.label']}">
								<p:panelGrid columns="2" rendered="#{estudios.estado eq 1}">
									<p:commandButton title="Eliminar" id="btnElimina"
										actionListener="#{registroSecretarioBean.eliminarFormacionAcademica(estudios.indice)}"
										icon="ui-icon-trash" update="@form"
										rendered="#{(estudios.esEditable or registroSecretarioBean.esPendiente) and (sessionScope.auditoria.rolUsuario ne 'ADMIN') }" />

									<p:commandButton title="EDITAR" id="btnEdita"
										actionListener="#{registroSecretarioBean.cargarFormacionAcademica(estudios.indice)}"
										icon="ui-icon-pencil" update="@form"
										rendered="#{estudios.esEditable or  registroSecretarioBean.esPendiente}" />

									<p:commandButton title="RECTIFICAR" id="btnRectifica"
										actionListener="#{registroSecretarioBean.cargarFormacionAcademica(estudios.indice)}"
										icon="ui-icon-pencil" update="@form"
										rendered="#{sessionScope.auditoria.rolUsuario eq'ADMIN'}" />


									<p:commandButton id="btnFiscaliza" value="Fiscalizar"
										actionListener="#{bandejaFiscalizacionBean.verDetalleFiscalizacion(estudios.idFicha,estudios.idFormacionAcademica,estudios.nomentidad,'formAcademicaSecretario')}"
										icon="ui-icon-key"
										rendered="#{(sessionScope.auditoria.rolUsuario eq'ADMIN') and (sessionScope.fichaRegistro.enFiscalizacion)}" />

									<p:commandButton title="Ver Rectificacion" id="btnVerRectifica"
										update="@form:gridPopupHistorialEspecialidadFormacionAcademica"
										actionListener="#{registroSecretarioBean.verHistorialFormacionAcademica(estudios.idFormacionAcademica)}"
										icon="ui-icon-search"
										rendered="#{(!estudios.esEditable and !registroSecretarioBean.esPendiente) or (sessionScope.auditoria.rolUsuario eq 'ADMIN') }" />
								</p:panelGrid>
							</p:column>

						</p:dataTable>
					</p:column>
				</p:row>
				
				<p:row>
					<p:column style="text-align:center;font-weight:bold;" colspan="4" rendered="#{not empty registroSecretarioBean.listaFormacionAcademicaActualizacion}">
						<p:outputLabel value="ACTUALIZACIONES"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column  colspan="4" rendered="#{not empty registroSecretarioBean.listaFormacionAcademicaActualizacion}">
						<p:separator />
					</p:column>
				</p:row>
				
				
				<!-- ===========     LISTA DE REGISTROS ACTUALIZADOS ===============  -->
				
				<p:row>
					<p:column style="text-align:center" colspan="4">
						<p:dataTable id="tblFormaAcademicaActualizacion" var="estudios" rendered="#{not empty registroSecretarioBean.listaFormacionAcademicaActualizacion}"
							value="#{registroSecretarioBean.listaFormacionAcademicaActualizacion}"
							paginator="true" rows="11" paginatorPosition="bottom"
							emptyMessage="#{rbSirenasUI['sirenas.ui.mensaje.sistema.informacion.registros_vacios']}">
														
							<p:column
								headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.areaprofesion.label']}">
								<h:outputText value="#{estudios.descAreaProfesion}"
									rendered="#{estudios.estado eq '1'}" />
							</p:column>

							<p:column
								headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.centroestudios.label']}">
								<h:outputText value="#{estudios.descCentroEstudios}"
									rendered="#{estudios.estado eq '1'}" />
							</p:column>

							<p:column
								headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.otrocentro.label']}">
								<h:outputText value="#{estudios.descripcionOtroCentro}"
									rendered="#{estudios.estado eq '1'}" />
							</p:column>

							<p:column
								headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.pais.label']}">
								<h:outputText value="#{estudios.descPais}"
									rendered="#{estudios.estado eq '1'}" />
							</p:column>

							<p:column
								headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.gradotitulo.label']}">
								<h:outputText value="#{estudios.descGradoObtenido}"
									rendered="#{estudios.estado eq '1'}" />
							</p:column>

							<p:column
								headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.desc_gradotitulo.label']}">
								<h:outputText value="#{estudios.descripcionGrado}"
									rendered="#{estudios.estado eq '1'}" />
							</p:column>

							<p:column
								headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.fec_gradotitulo.label']}">
								<h:outputText value="#{estudios.fecEgreso}"
									rendered="#{estudios.estado eq '1'}">
									<f:convertDateTime pattern="dd-MM-yyyy" />
								</h:outputText>
							</p:column>

							<p:column
								headerText="#{rbSirenasUI['sirenas.ui.general.boton.accion.label']}">
								<p:panelGrid columns="2" rendered="#{estudios.estado eq 1}">
									<p:commandButton title="Eliminar" id="btnElimina"
										actionListener="#{registroSecretarioBean.eliminarFormacionAcademica(estudios.indice)}"
										icon="ui-icon-trash" update="@form"
										rendered="#{(estudios.esEditable or registroSecretarioBean.esPendiente) and (sessionScope.auditoria.rolUsuario ne 'ADMIN') }" />

									<p:commandButton title="EDITAR" id="btnEdita"
										actionListener="#{registroSecretarioBean.cargarFormacionAcademica(estudios.indice)}"
										icon="ui-icon-pencil" update="@form"
										rendered="#{estudios.esEditable or  registroSecretarioBean.esPendiente}" />

									<p:commandButton title="RECTIFICAR" id="btnRectifica"
										actionListener="#{registroSecretarioBean.cargarFormacionAcademica(estudios.indice)}"
										icon="ui-icon-pencil" update="@form"
										rendered="#{sessionScope.auditoria.rolUsuario eq'ADMIN'}" />


									<p:commandButton id="btnFiscaliza" value="Fiscalizar"
										actionListener="#{bandejaFiscalizacionBean.verDetalleFiscalizacion(estudios.idFicha,estudios.idFormacionAcademica,estudios.nomentidad,'formAcademicaSecretario')}"
										icon="ui-icon-key"
										rendered="#{(sessionScope.auditoria.rolUsuario eq'ADMIN') and (sessionScope.fichaRegistro.enFiscalizacion)}" />

									<p:commandButton title="Ver Rectificacion" id="btnVerRectifica"
										update="@form:gridPopupHistorialEspecialidadFormacionAcademica"
										actionListener="#{registroSecretarioBean.verHistorialFormacionAcademica(estudios.idFormacionAcademica)}"
										icon="ui-icon-search"
										rendered="#{(!estudios.esEditable and !registroSecretarioBean.esPendiente) or (sessionScope.auditoria.rolUsuario eq 'ADMIN') }" />
								</p:panelGrid>
							</p:column>

						</p:dataTable>
					</p:column>
				</p:row>
				<p:row>

					<p:column colspan="4">
						<p:outputLabel styleClass="label"
							value="ANTES DE GUARDAR ASEGURESE DE AGREGAR TODOS LOS TÍTULOS Y GRADOS QUE DESEA CONSIGNAR COMO FORMACIÓN ACADÉMICA:" />
					</p:column>
				</p:row>
				<p:row>
					<!-- = = = = = = = = POPUP FORMACION ACADEMICA = = = = = = = =   -->
					<p:column colspan="4">
						<p:dialog id="dialogHistorialFormacion"
							widgetVar="dialogHistorialFormacionAcademica"
							header="HISTORIAL DE  ACREDITACIÓN POR FORMACION ACADÉMICA"
							closable="false">
							<ui:include src="popupHistorialFormacionAcademica.xhtml" />
						</p:dialog>
					</p:column>

				</p:row>
				<!-- = = = = = = = =   FIN  = = = = = = = =   -->

				<!--  ===  ZONA DE CONFIRMACION  ===   -->

				<p:row>
					<p:column style="text-align:center;" colspan="4">

						<p:commandButton id="btnVerGuardar"
							value="#{rbSirenasUI['sirenas.ui.general.boton.guardar.label']}"
							actionListener="#{registroSecretarioBean.abrirConfirmaAcademicaPopup}"
							icon="ui-icon-disk" />
					</p:column>
				</p:row>
			</p:panelGrid>
		</div>
	</h:form>

	<p:dialog id="dialogFiscalizaFormaSecre"
		widgetVar="dialogFiscalizacion" header="REGISTRO DE FISCALIZACION"
		closable="true" dynamic="true">
		<ui:include src="popupFiscalizacionRegistro.xhtml" />
	</p:dialog>

	<p:dialog id="dialogConfirmaAcademica"
		widgetVar="dialogConfirmaAcademica" appendTo="@(body)" modal="true"
		header="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.header']}">
		<h:form id="dialogoConfirmacionFormacionPopup">
			<p:panelGrid>
				<p:row>
					<p:column colspan="2" style="heigth:20px; text-align:center"
						styleClass="label"
						rendered="#{sessionScope.auditoria.rolUsuario ne 'ADMIN'}">
						<h4>
							<p:outputLabel
								value="#{rbSirenasUI['sirenas.ui.mensajes.sistema.confirmacion.formacion.academica']}" />
						</h4>
					</p:column>
				</p:row>
				<p:row>
					<p:column colspan="2" style="heigth:20px"
						rendered="#{sessionScope.auditoria.rolUsuario ne 'ADMIN'}">
						<h:outputLabel
							value="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.regficha.dec_jurada']}" />
					</p:column>
				</p:row>
				<p:row>
					<p:column colspan="2" style="heigth:20px;text-align:center;"
						styleClass="label"
						rendered="#{sessionScope.auditoria.rolUsuario eq 'ADMIN'}">
						<h4>
							<p:outputLabel
								value="#{rbSirenasUI['sirenas.ui.mensajes.sistema.confirmacion.rectificacion.pregunta']}" />
						</h4>
					</p:column>
				</p:row>
				<p:row>
					<p:column style="text-align:center">
						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.no']}"
							onclick="PF('dialogConfirmaAcademica').hide();" type="button"
							icon="ui-icon-close" />
					</p:column>
					<p:column style="text-align:center">
						<p:commandButton id="btnVerRectificacion"
							value="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.si']}"
							actionListener="#{registroSecretarioBean.validaRectificacion}"
							icon="ui-icon-check" />
					</p:column>

				</p:row>
			</p:panelGrid>
		</h:form>
	</p:dialog>
	<p:dialog id="dialogTramite" widgetVar="dialogoTramite"
		showEffect="fade" hideEffect="explode" appendTo="@(body)" modal="true"
		header="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.tramite.header']}">
		<h:form id="idDialogTramiteSecretario">
			<p:panelGrid>
				<p:row>
					<p:column colspan="2" style="text-align:center">
						<h:outputLabel
							value="#{rbSirenasUI['sirenas.ui.mensajes.solicitud.tramite']}" />
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<h:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.general.numero.tramite.label']} formacion" />
					</p:column>
					<p:column>
						<h:inputText
							value="#{registroSecretarioBean.estudiosFormacionAcademica.codTramite}" />
					</p:column>
				</p:row>
				<p:row>
					<p:column style="text-align:center" colspan="2">
						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.general.boton.cancelar.label']}"
							onclick="PF('dialogoTramite').hide();" icon="ui-icon-close" />

						<p:commandButton id="btnVerRectificacion"
							value="#{rbSirenasUI['sirenas.ui.general.boton.aceptar.label']}"
							actionListener="#{registroSecretarioBean.validaCodTramite}"
							icon="ui-icon-check" />

					</p:column>
				</p:row>
			</p:panelGrid>
		</h:form>
	</p:dialog>
</ui:composition>